<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

	<title>Empire - XHTML Template</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
	<meta name="description" content="Empire - XHTML Template" />

	<!-- CSS -->	
	<link href='__PUBLIC__/fonts/sansation.css' rel="stylesheet" type="text/css" />	<!-- Get any font from here easily: http://www.google.com/webfonts -->	
	<link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css" />	
	<link href="__PUBLIC__/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" type="text/css" />
	<link href="__PUBLIC__/css/nivo-slider.css" rel="stylesheet" type="text/css" />
	<link href="__PUBLIC__/css/styler-farbtastic.css" rel="stylesheet" type="text/css" />

	<!-- UPDATE BROWSER WARNING IF IE 7 OR LOWER -->
	<!--[if lt IE 8]>
	<link href="css/stop_ie.css" rel="stylesheet" type="text/css" />
	<![endif]-->

	
	<!-- JAVASCRIPTS -->
	<script type="text/javascript" src="__PUBLIC__/js/jquery.min.js"></script>	
	<script type="text/javascript" src="__PUBLIC__/js/jquery-ui-1.8.17.custom.min.js"></script>			
	<script type="text/javascript" src="__PUBLIC__/fancybox/jquery.fancybox-1.3.4.pack.js"></script>	
	<script type="text/javascript" src="__PUBLIC__/js/jquery.nivo.slider.js"></script>			
	<script type="text/javascript" src="__PUBLIC__/js/jquery.bgslider.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/preloader.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/farbtastic.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/basic.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/styler.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/contact_form.js"></script>	
</head>
<body>
	
	<!-- DISPLAY MESSAGE IF JAVA IS TURNED OFF -->
	<noscript>		
		<div id="notification">Please turn on javascript in your browser for the maximum experience!</div>
	</noscript>

	<!-- DISPLAY THIS MESSAGE IF USER'S BROWSER IS IE7 OR LOWER -->
	<div id="ie_warning"><img src="__PUBLIC__/images/warning.png" alt="" /><br /><strong>Your browser is out of date!</strong><br /><br />This website uses the latest web technologies so it requires an up-to-date, fast browser!<br />Try <a href="http://www.mozilla.org/en-US/firefox/new/?from=getfirefox">Firefox</a> or <a href="https://www.google.com/chrome">Chrome</a>!</div>


	<!-- STYLER FOR DEMO -->
	<div id="styler">
		<div id="styler-button"><a href="#"><img src="__PUBLIC__/images/styler-button.png" alt="" /></a></div>
			
		<div class="styler-title"><img src="__PUBLIC__/images/styler-t1.png" alt="" /></div>
			
		<ul id="texture">	
			<li><a href="#" id="styler-texture-1">None</a></li>
			<li id="selected"><a href="#" id="styler-texture-2">Leather</a></li>
			<li><a href="#" id="styler-texture-3">Carbon</a></li>
		</ul>
		
		<div class="styler-title"><img src="__PUBLIC__/images/styler-t2.png" alt="" /></div>
		
		<div id="styler-colorpicker" class="colorpicker"></div>
	</div>


	<!-- SITE WRAPPER -->
	<div id="wrapper">
	
		<!-- PAGE WITH CONTENTS -->
		<div id="page">
			<div id="content">
							
				<h1>{$content['content']['title']}</h1>
				
				<div class="hr"></div>
				
				<!-- LARGE IMAGE WITH FANCYBOX -->
				<span class="large_image">
					<a href="{$content['content']['image']}" rel="" class="fancybox">
						<span class="imghover_large"></span>
						<img src="{$content['content']['image']}" width="582" height="184" alt="" />
					</a>
				</span>
				
				<div class="vspace"></div>
				
				<!-- ARTICLE -->
	

				{$content['content']['article']}


				<div class="hr2"></div>
			
				<!-- POST INFO -->
				<p class="blog-post-info">&nbsp;
					<img src="__PUBLIC__/images/icon-time.png" alt="" />&nbsp;{$content['content']['time']}&nbsp;&nbsp;
					<img src="__PUBLIC__/images/sep.gif" alt="" />&nbsp;&nbsp;
					<img src="__PUBLIC__/images/icon-category.png" alt="" />&nbsp;<a href="#">News</a>, <a href="#">Travel</a>&nbsp;&nbsp;
					<img src="__PUBLIC__/images/sep.gif" alt="" />&nbsp;&nbsp;
					<!-- <img src="__PUBLIC__/images/icon-comment.png" alt="" />&nbsp;{$content['content']['comment']} Comment(s)&nbsp;&nbsp; -->
				</p>
				
				<div class="hr2"></div>
			
				<!-- COMMENTS -->
			<!-- #	<h2>Comments</h2>				
				
				<ul id="comments-list">

						<volist name="content['content']['other']['result']" id="other">
							<li>					
								<div class="comments-avatar">
									<img alt="" src="http://0.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=60" class="avatar" height="60" width="60" />				
								</div>
								<div class="comments-text">
									{$other['time']}
									<br /><b>Mr {$other['name']}</b><br />{$other['content']}
									<br /><br />
									<a href='javascript:;' onclick="Replay(this)">回复</a>
								</div>		
							</li>
						</volist>
				</ul>
				
				<div class="hr2"></div>

				<!-- COMMENTS REPLY -->
				<!-- <h2>Leave a Comment</h2>	 -->

		<!-- 		<form action="post.html" method="post">
				<ul id="respond">
					<li>
						<input name="name" id="author" type="text" class="comment-textinput" value="" />
						<label for="author">Name <span class="required">*</span></label>					
					</li>
					<input name="article_id"  type="hidden"  value="{$content['content']['id']}" />
					<li>
						<input name="email" id="email" type="text" class="comment-textinput" value="" />
						<label for="email">Email <span class="required">*</span> <span class="info">(will never be published)</span></label>					
					</li>
					<li>
						<textarea rows="" cols="" class="comment-textarea" name="cotent">
								
						</textarea>
					</li>
					<li>
						<input name="submit" type="submit" id="submit_btn" value="OK" />
					</li>
				</ul>
				</form -->
				
				
				
			
			</div><!-- #content ends -->	
		</div><!-- #page ends -->
			
		
		<!-- SIDEBAR -->
		<div id="sidebar">	
			<div id="sidebar-color"></div>		<!-- SIDEBAR COLOR LAYER -->
			<div id="sidebar-border"></div>		<!-- SIDEBAR BORDER LAYER -->
			<div id="sidebar-light"></div>		<!-- SIDEBAR RADIAL GRADIENT LIGHT LAYER -->
			<div id="sidebar-texture"></div>	<!-- SIDEBAR TEXTURE LAYER -->
			
			<!-- SIDEBAR CONTENT LAYER -->
			<div id="sidebar-content">	
			
				<!-- LOGO -->
				<div id="logo">
					<a href="index.html"><img src="__PUBLIC__/images/logo.png" alt="" /></a>
				</div>
					
				<!-- MENU -->
				<ul id="menu">
					<include file="Public/menu"/>
				</ul>
						
			</div><!-- #sidebar-content ends -->	

			<!-- SOCIAL ICONS ON SIDEBAR'S BOTTOM PART -->
			<ul id="sidebar-bottom">			
				<li><a href="#"><img src="__PUBLIC__/images/sidebar_icons/facebook.png" alt="" /></a></li>
				<li><a href="#"><img src="__PUBLIC__/images/sidebar_icons/twitter.png" alt="" /></a></li>
				<li><a href="#"><img src="__PUBLIC__/images/sidebar_icons/rss.png" alt="" /></a></li>
			</ul>
			
			<!-- COPYRIGHT TEXT -->
			<p id="copyright">EMPIRE XHTMLMore Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
			
		</div>		
					
	</div>

	
	<!-- BACKGROUND SLIDER -->
	<div id="bg_slider">	
		<img src="__PUBLIC__/images/bgslider-1.jpg" alt="" />
		<img src="__PUBLIC__/images/bgslider-2.jpg" alt="" />
		<img src="__PUBLIC__/images/bgslider-3.jpg" alt="" />
	</div>
</body>
</html>
